<script src="./duty.js"></script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style src="./duty.less" lang="less" scoped></style>

<template>
    <div>
        <top-nav ref="topnav"></top-nav>

        <div class="descBox">

        <div class="descBox-main">
            <div class="descBox-cnt">
                <div class="title" id="title1">幸福书单</div>
                <br>
                <div class="imgbox"><img src="~assets/img/duty-img1.jpg" /></div>
                <br>
                “幸福书单”是奥一网2013年开始推出的大型公益活动，根据贫困地区学校和孩子的需要，通过多方协作，搭建爱心平台，号召市民进行有针对性、有效、长期、持续地捐赠，实现精准扶贫，帮助贫困地区孩子们将愿望书单变成幸福现实。
                <br>
                <!--<a href="">查看详情 &gt;&gt;</a>-->
                <br><br><hr><br>
                <div class="title" id="title2">方言保护计划</div>
                <br>
                <div class="imgbox"><img src="~assets/img/duty-img2.jpg" /></div>
                <br>
                以“保护方言”为号召的自发民间语言复兴运动。目的是应对各地母语环境因推广普通话而急剧衰落濒临灭绝的现状，并呼吁官方保护以方言为载体的戏曲曲艺和民间文学音乐等非物质文化遗产勿永久性地消失。                <br>
                <!--<a href="">查看详情 &gt;&gt;</a>-->
                <br><br><hr><br>
                <div class="title" id="title3">企业社会责任云平台</div>
                <br>
                <div class="imgbox"><img src="~assets/img/duty-img3.jpg" /></div>
                <br>
                由智媒云图发起，“企业社会责任”概念最早由西方发达国家提出，近些年来这一思想广为流行，连《财富》和《福布斯》这样的商业杂志在企业排名评比时都加上了“社会责任”标准，可见西方社会对企业社会责任的重视。联合国也是推动企业发挥社会责任的重要机构。
                <br>
                <a href="http://csr.kcis.cn" target="_blank">查看详情 &gt;&gt;</a>
            </div>
        </div>
        <div class="descSlide" id="descSlide">
            <div class="descSlideBox">
                <div class="descSlide-nav">
                    <p v-on:click="slideScroll('title1',$event)"><a>幸福书单</a></p>
                    <p v-on:click="slideScroll('title2',$event)"><a>方言保护计划</a></p>
                    <p v-on:click="slideScroll('title3',$event)"><a>企业社会责任云平台</a></p>
                </div>
                <span class="to-top" id="toTop">返回顶部</span>
            </div>
        </div>

    </div>
        <footer-nav ref="footer"></footer-nav>

    </div>
</template>
